import Home from "../components/Home";
import About from "../components/About";
import Message from "../components/Home/Message";
import News from "../components/Home/News";
import Detail from "../components/Home/News/Detail";
import { Navigate } from "react-router-dom";

export default [
  { path: '/about', element: <About /> },
  {
    path: '/home', element: <Home />, children: [
      { path: 'message', element: <Message /> },
      {
        path: 'news', element: <News />,
        children: [
          { path: 'details/:id/:title/:content', element: <Detail /> },
        ]
      },
    ]
  },
  { path: '/', element: <navigate to='/about' /> }
]